/***	
* date：2018.2.2
* name: 产品详情页的详细样式
* author：hj
* remarks：null
*/
/* 左边的产品 */
.goodsImgWrap{
	width: 500px;height:600px;float: left;
	position: relative;
}
/* 产品大图 */
.bigGoodsImg{
	width: 500px;height: 500px;clear: both;
	border: 1px solid #666;position: relative;
}
.bigGoodsImg img#bigImgId{
    width: 500px;height: 500px;
}
/* 局部显示的图片 */
.localShowImgWrap{
	position: absolute;top: -1.5px;right: -500px;
	width: 500px;height: 500px;
	background: #eee;
	display: none;
	background-repeat:no-repeat;
	background-size:1500px 1500px;  
	border: 1px solid #000;z-index: 3;
}

.mouseMoveDiv{
   width: 200px;height: 200px;position: absolute;top: 110px;left: 110px;
   background: #FBB854;opacity: 0.5;cursor: move;z-index: 5;
}
/* 小图片列表 */
.smallImgList{
	width: 500px;height:78px;overflow: hidden;
	margin-right: 0 auto;position: relative;
}
.smallImgList label,
.smallImgList span{
	position: absolute;top: 10px;display: block;
	width: 30px;height:50px;background: #ddd;
    cursor: pointer;line-height: 50px;text-align: center;
    font-size: 20px;z-index: 8;
}
.smallImgList label:hover,
.smallImgList span:hover{
	background: #f00;
}
.smallImgList label{
	left: 0;
}
.smallImgList span{
	right: 0;
}
.smallImgList ul{
	display: block;position: absolute;top: 10px;left: 40px;
	overflow: hidden;width: 400px;height: 55px;background-color:#ddd;

}
.smallImgList ul li{
	width: 50px;height: 50px;float: left;margin-right: 10px;
	border: 2px solid #fff;
}
.smallImgList ul li:hover{
	border: 1px solid #f00;
}
.smallImgList ul li img{
	width: 50px;height: 50px;
}
/* 右边产品详细信息 */
.goodsInfoWrap{
	width: 779px;height: 400px;float:right;
}
.infoList{
	clear: both;overflow: hidden;margin-bottom:20px; 
}
.infoList h1{
	font-size: 22px;color: #666;font-weight: bold;
}
.infoList li{
	font-size: 14px;color: #f00;
}
/* 配送地址列表 */
.addressMenuTitle{
	width: 470px;height: 24px;cursor: pointer;
	overflow: hidden;
}
.addressMenuTitle p{
	font-size: 12px;float: left;color: #666;
	width: 60px;line-height: 27px;
}
.addressMenuTitle ul{
	float: left;
	border: 1px solid #666;
	border-bottom: 0;
	padding: 5px 33px 0 5px;
	background-image: url("../../image/icon_5.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #fff;
}
.addressMenuTitle ul li{
	float: left;margin-right: 4px;
}

/* 省、市、县地址列表 */
.addressMenuList{
	width: 380px;
	padding: 10px;display: none;
	border: 1px solid #666;margin:-2px 0 0 60px; 
}
.addressMenuList h1{
	width: 100%;height: 25px;line-height: 25px;
	font-size: 14px;margin: 23px 0 14px 0;
	background-image: url("../../image/icon_5.jpg");
	background-repeat: no-repeat;
	background-position: right center;
}
/* tabBtn,三个tab按钮 */
div.tabBtn{
	width: 100%;height: 26px;margin: 0 0 13px 0;
}
div.tabBtn ul{
	border-bottom: 2px solid #EDD28B;display: block;
	height: 24px;
}
div.tabBtn li{
	float:left;height: 24px;border: 1px solid #666;
	padding: 0 11px;color: #005AB4;font-weight: bold;
	font-size: 14px;margin-right: 10px;line-height: 24px;
	background: #fff;cursor: pointer;
	
}
div.tabBtn li:hover{
	background: #eee;
}
div.tabBtn li.yellow{
  	border: 2px solid #EDD28B;margin-top:-1px; 
  	border-bottom: 2px solid #fff;
}
/* 省市县名称列表 */
.tabNameList{
	width: 100%;overflow: hidden;
}
.tabNameList li{
	float: left;width: 80px;overflow: hidden;height: 18px;
	color: #666;cursor: pointer;margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabNameList li:hover{
	text-decoration: underline;
}
/* gotoShopCar,加入购物车按钮&商品数量 */
.gotoShopCar{
	height: 60px;
	margin-left: 70px;
	margin-top: 21px;
}
.numToCar{
	width: 54px;height: 48px;border: 1px solid #666;
	float: left;position: relative;overflow: hidden;
}
.numToCar input.g_a{
	width: 37px;height: 48px;float: left;border: 0;
	text-align: center;
}
.numToCar input.g_b, .numToCar input.g_c{
	position: absolute;right: 0;
	position: absolute;width: 16px;height: 25px;
	border: 0;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;display: block;
}
.numToCar input.g_b{top: 0;}
.numToCar input.g_c{bottom: -2px;}
.numToCar input.g_b:hover, .numToCar input.g_c:hover{
	cursor: pointer;background: #eee;
}
.numToCarBtn{
	width: 157px;height: 50px;line-height: 50px;
	background: #f00;font-size: 22px;color: #fff;
	text-align: center;border: 0;float: left;margin-left: 11px;
	font-weight: bold;font-family: "微软雅黑";cursor: pointer;
}